<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="../../zxt/zxt.js"></script>
  <script>importZXT("../../zxt");</script>	
</head>

<body>
	<div id="text0" zxt="zxt.ui.Textbox" style="width:200px"></div>
	<hr>
	<div id="text1" zxt="zxt.ui.Textbox" zxt.required="false" zxt.value="ABCD" zxt.tip="TIP HERE" zxt.formatType="N(5,2)"></div>
	<hr>
	<div id="text2" zxt="zxt.ui.Textbox" zxt.value="0" zxt.hide="0" zxt.required="true" zxt.tip="TIP HERE"></div>
	<hr>
	<div id="text3" zxt="zxt.ui.Textbox" zxt.hide="0" zxt.required="true" zxt.tip="TIP HERE" zxt.formatType="A(4)"></div>
	<hr>
	<div id="text5" zxt="zxt.ui.Textbox" zxt.required="true" zxt.regex="cupdata.com$" 
	zxt.regexPrompt="Non CUPDATA Email" zxt.type="email" 
	zxt.tip="CUP Data Email Address" zxt.value="ABC" zxt.conf="TextAlign:'right', TextTransform:'uppercase', MaxLength:3, COLOR:'red'"></div>
	<hr>
	
	<table>
		<tr>
			<td width="20%">getType()</td>
			<td width="50%">返回控件类型</td>
			<td><input type="button" name="getType" value="getType" 
				onclick="alert('第一个文本框控件的type为'+$zxtUI.text1.getType());"/></td>
		</tr>
		
		<tr>
			<td>focus() </td>
			<td>设置当前控件焦点</td>
			<td><input type="button" name="focus" value="focus" 
				onclick="$zxtUI.text2.focus();alert('第二个文本框控件获得焦点');"/></td>
		</tr>
		
		<tr>
			<td>formatType(v) </td>
			<td>如果参数没上送，则返回当前的值的格式设置；否则，设置值的格式 格式类型如N(4) A(20)</td>
			<td><input type="button" name="formatType" value="formatType" 
				onclick="alert('第一个文本框控件的formatType为'+$zxtUI.text1.formatType());"/></td>
		</tr>
		
		<tr>
			<td>getLabel()</td>
			<td>获取标签值</td>
			<td><input type="button" name="getLabel" value="getLabel" 
				onclick="alert('第一个文本框控件的getLabel为'+$zxtUI.text1.getLabel());"/></td>
		</tr>
		
		<tr>
			<td>getValue()</td>
			<td>返回文本框中输入的字符串</td>
			<td><input type="button" name="getValue" value="getValue" 
				onclick="alert('第三个文本框控件的getValue为'+$zxtUI.text3.getValue());"/></td>
		</tr>
		
		<tr>
			<td>renderValue(v)</td>
			<td>给输入框赋值</td>
			<td><input type="button" name="renderValue" value="renderValue" 
				onclick="$zxtUI.text3.renderValue('');$zxtUI.text3.renderValue('012');alert('第三个文本框控件赋值为012');"/></td>
		</tr>
		<tr>
			<td>enable(v) </td>
			<td>设置和返回输入框是否可用</td>
			<td><input type="button" name="enable" value="enable" 
				onclick="$zxtUI.text1.enable(false);alert('第一个文本框控件enable为'+$zxtUI.text1.enable());"/></td>
		</tr>
		<tr>
			<td>renderValue() </td>
			<td>渲染值</td>
			<td><input type="button" name="renderValue" value="renderValue" 
				onclick="$zxtUI.text2.renderValue('20090810')"/></td>
		</tr>
		<tr>
			<td>getValue() </td>
			<td>获取值</td>
			<td><input type="button" name="getValue" value="getValue" 
				onclick="alert($zxtUI.text2.getValue())"/></td>
		</tr>
	</table>
	
	<div><a href="../index.html">返回</a></div>
</body>
</html>




<script>
	$zxt.init();
	$zxtUI.text3.mode("MASK");
	$zxtUI.text3.render();
</script>


